// 导入React、react-markdown-editor-lite，以及一个你喜欢的Markdown渲染器
import * as React from 'react'
import MarkdownIt from 'markdown-it'
import MdEditor from 'react-markdown-editor-lite'
// 导入编辑器的样式
import 'react-markdown-editor-lite/lib/index.css';

// 初始化Markdown解析器
const mdParser = new MarkdownIt(/* Markdown-it options */);

export default (props) => {
  return (
    <MdEditor
      value={props.value}
      renderHTML={(text) => mdParser.render(text)}
      onChange={({text,html})=>{props.changeContent(text,html)}}
      />
  )
}